﻿body
{
    background-image: url("../../TemplateImages/login-Background.jpg");
   
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
}

/* Forget Password */
#forgetForm
{
    /*margin: 8px 30px 5px 30px;*/
    
    border-style: solid solid solid solid;
    border-width: 10px;
    border-color: rgb(160 , 173 , 232);
    margin-bottom: -10px;
    margin-left: -110px;
    margin-right: -90px;
    margin-top: 150px;
    padding-top: 30px;
    background-color:rgb(160 , 173 , 232);
    background: rgba(160 , 173 , 232 , 0.8);
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-radius: 20px;
    width: 440px;
    text-align: center;
}

#forgetForm .lable
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    text-align:left;
    padding-left:105px;
    margin-bottom:2px;
    margin-top:5px;
}

#forgetForm input[type=text]
{
    height: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-bottom: 5px;
    font-family: 'Courier New' , Courier, monospace;
    font-size: small;
    font-weight: bold;
    background-color: #CCCCFF;
    width: 200px;
}

#forgetForm #cancelButton
{
    height: 30px;
    width: 100px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#forgetForm #recoverButton
{
    height: 30px;
    width: 100px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}




/* ==== Login form ====*/
#loginForm
{
    
    border-style: solid solid none solid;
    border-width: 10px;
    border-color: rgb(160 , 173 , 232);
    margin-bottom: -10px;
    margin-left: -110px;
    margin-right: -90px;
    margin-top: 150px;
    padding-top: 30px;
    background-color:rgb(160 , 173 , 232);
    background: rgba(160 , 173 , 232 , 0.8);
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 440px;
    text-align: center;
}

#loginForm .lable
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    text-align:left;
    padding-left:105px;
    margin-bottom:2px;
    margin-top:5px;
}

/* ==== Profile Picture ====*/
#loginForm #profilePic
{
    height: 100px;
    width: 100px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
}

/* ==== Username Field ====*/
#loginForm .Username
{
    padding-left: 15px;
    padding-right: 15px;
    }

#loginForm #username
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* ==== The Password Field ====*/
#loginForm .Password
{
    padding-left: 15px;
    padding-right: 15px;
}

#loginForm input[type=text]
{
    height: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-bottom: 5px;
    font-family: 'Courier New' , Courier, monospace;
    font-size: small;
    font-weight: bold;
    background-color: #CCCCFF;
    width: 200px;
}

#loginForm input[type=password]
{
    height: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 
    padding-bottom: 5px;
     font-family: 'Courier New' , Courier, monospace;
    font-size: small;
    font-weight: bold;
    background-color: #CCCCFF;
    width: 200px;
}


/*==== Sign In Button ====*/
#loginForm .SignInButton
{
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom:5px;
}


#loginForm #signInButton
{
    height: 30px;
    width: 100px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/* ==== Register Button ====*/
#loginForm .RegisterButton
{
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom:5px;
}
#loginForm #registerButton
{
    height: 30px;
    width: 100px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

 .SendDataTimer
{
    
    padding-top: 2px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom:5px;
}
    #sendDataTimer
    {
        width:35px;
        height:35px;
    }


     /* Bottom Part */
/*==== Sign Up Button ====*/
 .SignUpButton
{
    padding-left: 40px;
    padding-right: 30px;
    padding-top: 10px;
    margin-bottom: -2px;
    margin-left: -8px;
}

.Timer
{ 
    padding-left: 40px;
    padding-right: 30px;
    padding-top: 10px;
    margin-bottom: -2px;
    margin-left: -8px;
     height: 15px;
    width: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
    position: relative; 
    }


 #signUpButton
{
    height: 20px;
    width: 70px;
    -webkit-bord er-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#loginBottom
{
    height: 20px;
    width: 70px;
    -webkit-bord er-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px ;
}

 .SignUpArea
{
    border-style: none solid solid solid;
    border-width: 10px;
    border-color: rgb(160 , 173 , 232);
    margin-bottom: -10px;
    margin-left: -110px;
    margin-right: -90px;
    margin-top: 10px;
    background-color: #A0ADE8;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 440px;
    height: 40px;
}

/* ==== Verification ==== */

.NotVarified
{
    border: 2px solid #FF6600;
    background-color: #FF9966;
}

.Varified
{
    border: 2px solid #009900;
    background-color: #99FF99;
}

 .Error
{
    font-family: 'Courier New' , Courier, monospace;
    font-size: xx-small;
    font-weight: bold;
    color: #CC0000;
    text-align:left;
    padding-left:105px;
    margin-bottom:2px;
    margin-top:2px;
}

#forgetPassword
{
    font-family: 'Courier New' , Courier, monospace;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #003366;
    text-decoration: none;
}
.ForgetPassword 
{
    margin-top:2px;
    margin-bottom:2px;
    text-align:right;
    margin-right:50;
    width: 294px;
}
